<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
    <title>蜜蜂试玩</title>
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/task.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="content-wrap">
    <div class="return-header">
        <div class="title">试玩赚钱</div>
        <img src="images/return.png"/>
    </div>
    <div class="topcourse">
        <span class="num">1</span>
        <span class="text">下载应用 --------</span>
        <span class="num">2</span>
        <span class="text">打开试玩 --------</span>
        <span class="num">3</span>
        <span class="text">领取现金 </span>
    </div>
    <!--滚动信息-->
    <div class="scrollprompt">
        当前共有0个任务,
        最多可以赚取0元,
        有0个任务即将开始,
        将最多可以赚取0元,
        每天16到17点大量任务上线，敬请关注。
    </div>
    <!--收徒任务-->
    <div class="apprenticetask">
        <p>收徒任务</p>
        <div class="userwrap">
            <div class="headportrait">
                <img src="images/headportrait.jpg"/>
            </div>
            <div class="itemcenter">
                <span class="bigsize">邀请好友</span>
                <span class="smallsize">徒弟帮你赚20元</span>
            </div>
            <div class="itemright">
                <a href="#">立即邀请</a>
            </div>
        </div>
    </div>
    <!--抽红包广告-->
    <div class="redenvelopes">
        <div class="redenvelopesimg">
            <img src="images/hongbao.gif"/>
        </div>
        <div class="itemcenter">
            <span class="bigsize">抽红包拿大奖</span>
            <span class="smallsize">幸运大抽奖，天天领红包</span>
        </div>
        <div class="itemright pull-right">
            <span>
                <i>+</i>
                <i>100</i>
                <em>元</em>
            </span>
        </div>
        <div class="clear"></div>
    </div>
    <!--任务列表-->
    <div class="tasklist">
        <p>任务列表</p>
        <div class="userwrap">
            <div class="headportrait">
                <img src="images/headportrait.jpg"/>
            </div>
            <div class="itemcenter">
                <span class="bigsize">搜索:北京赛车</span>
                <span class="smallsize">剩余<i>1000</i>+份</span>
            </div>
            <div class="itemright pull-right">
                <span>
                    <i>+</i>
                    <i>7.1</i>
                    <em>元</em>
                </span>
            </div>
            <div class="clear"></div>
        </div>
        <div class="userwrap">
            <div class="headportrait">
                <img src="images/headportrait.jpg"/>
            </div>
            <div class="itemcenter">
                <span class="bigsize">搜索：福利彩票</span>
                <span class="smallsize">剩余<i>1000</i>+份</span>
            </div>
            <div class="itemright pull-right">
                <span>
                    <i>+</i>
                    <i>7.1</i>
                    <em>元</em>
                </span>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!--已抢光-->
    <div class="tasklist">
        <p>已抢光</p>
        <div class="userwrap">
            <div class="headportrait">
                <img src="images/headportrait.jpg"/>
            </div>
            <div class="itemcenter">
                <span class="bigsize lootallsize">爱*****</span>
            </div>
            <div class="itemright lootall pull-right">
                已抢光
            </div>
            <div class="clear"></div>
        </div>
        <div class="userwrap">
            <div class="headportrait">
                <img src="images/headportrait.jpg"/>
            </div>
            <div class="itemcenter">
                <span class="bigsize lootallsize">热*****</span>
            </div>
            <div class="itemright lootall pull-right">
                已抢光
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <!--任务预告-->
    <div class="tasklistNotice">
        <p>任务预告</p>
        <div class="userwrap">
            <div class="headportrait">
                <span class="top">今天</span>
                <span>13:00:00</span>
            </div>
            <div class="itemcenter">
                <span class="bigsize">英***</span>
                <span class="smallsize">剩余<i>1000</i>+份</span>
            </div>
            <div class="itemright pull-right">
            <span>
                <i>+</i>
                <i>0.7</i>
                <em>元</em>
            </span>
            </div>
            <div class="clear"></div>
        </div>
        <div class="userwrap">
            <div class="headportrait">
                <span class="top">今天</span>
                <span>13:00:00</span>
            </div>
            <div class="itemcenter">
                <span class="bigsize">英***</span>
                <span class="smallsize">剩余<i>1000</i>+份</span>
            </div>
            <div class="itemright pull-right">
            <span>
                <i>+</i>
                <i>0.7</i>
                <em>元</em>
            </span>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<script src="js/index.js"></script>
</body>
</html>